<template>
    <ul>
        <li v-for="item in taglet" @click="$router.push(item.path)"><button>{{item.name}}</button></li>
    </ul>
</template>

<script setup>
import { useCounterStore } from "../pinia/index.js"
import { storeToRefs } from "pinia";
const { taglet } = storeToRefs(useCounterStore())
</script>

<style scoped>
button {
    width: 100%;
    height: 100%;
    text-align: center;
    padding: 20px 0;
    border: 0;
    background-color: aqua;
}
</style>